
<div class="right-plate">
    <div class="table-thead" *ngIf="tabVal" [ngClass]="{'table-thead-scroll':tabVal.length > 17}">
      <table class="tableStyle table table-hover table-striped">
        <thead>
          <tr>
            <th class="w5 text-center">
				<input type="checkbox" 
					   #event 
					   (click)="_selectAll(event.checked, tabVal)" 
					   [checked]="isSelectAll"
					   >
			</th>
			<th class="w5 text-center max-w">序号</th>
			<th class="w10 text-left max-w">系统参数键</th>
			<th class="w10 text-left max-w">系统参数值</th>
			<th class="w10 text-left max-w">名称</th>
			<th class="w10 text-center max-w">禁用/启用</th>
			<th class="w10">操作</th>
          </tr>
        </thead>
      </table>
    </div>
    <div class="table-tbody">
      <table class="tableStyle table table-hover table-striped">
        <tbody>
			<tr *ngFor="let tabval of tabVal; let i = index;" [ngClass]="{'active':i%2!=0}">
				<td class="w5 text-center">
					<input type="checkbox" 
						   #event 
						   (click)="_chose(event.checked, tabval.sysConfigId, tabVal.length)" 
						   [checked]="isChose" 
						   >
				</td>
				<td class="w5 text-center max-w">{{ naturalNum+i+1 }}</td>
				<td class="w10 text-left cursor max-w" [title]="tabval.sysKey">{{ tabval.sysKey}}</td>
				<td class="w10 text-left cursor max-w" [title]="tabval.sysValue">{{ tabval.sysValue }}</td>
				<td class="w10 text-left cursor max-w" [title]="tabval.displayName">{{ tabval.displayName}}</td>
				<td class="w10 text-center max-w">
					<strong class="text-danger" *ngIf="tabval.sysStatus==0">禁用</strong>
					<strong class="text-success" *ngIf="tabval.sysStatus==1">启用</strong>
				</td>
				<td class="w10 text-left">
					<span class="btn-i" 
						  title="修改"  
						  data-toggle="modal" 
						  data-target="#edit"
						  (click)="edit._details(tabval);initService._init(1)"
						  *ngIf="right['sysconfig']['update']" 
						  >
						<img width="14px" height="14px" src="assets/right-product/edit.png">
					</span> 

					<span class="btn-i" 
						  title="详情" 
						  data-toggle="modal" 
						  data-target="#details"
						  (click)="details._details(tabval)"
						  *ngIf="right['sysconfig']['details']"
						  >
						<img width="14px" height="10px" src="assets/right-product/view.png">
					</span>

				</td>
			</tr>
        </tbody>
      </table>
    </div>
  </div>		

<!-- 详情 BEGIN -->
<sysconfig-details #details></sysconfig-details>
<!-- 详情 END -->

<!-- 修改 BEGIN -->
<sysconfig-edit #edit (onSubmit)="_table()"></sysconfig-edit>
<!-- 修改 BEGIN -->